<!DOCTYPE html>
<html>
<head>
	<title>我的世界像素风格登录</title>
	<style>
		body {
			margin: 0;
			padding: 0;
			background-color: #6ba865;
			font-family: 'Minecraft', sans-serif;
			overflow: hidden;
		}

		.container {
			display: flex;
			justify-content: center;
			align-items: center;
			height: 100vh;
		}

		.login-box {
			background-color: #d9d9d9;
			padding: 40px;
			border: 10px solid #7a7a7a;
			border-radius: 10px;
			box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
			text-align: center;
		}

		h1 {
			margin-top: 0;
			font-size: 48px;
			color: #3c3c3c;
			text-shadow: 2px 2px 0 #7a7a7a;
		}

		input[type="text"], input[type="password"] {
			display: block;
			width: 100%;
			padding: 10px;
			margin-bottom: 20px;
			background-color: #f2f2f2;
			border: 2px solid #7a7a7a;
			border-radius: 5px;
			font-family: 'Minecraft', sans-serif;
			font-size: 16px;
			color: #3c3c3c;
		}

		button {
			display: block;
			width: 100%;
			padding: 10px;
			background-color: #7a7a7a;
			border: none;
			border-radius: 5px;
			font-family: 'Minecraft', sans-serif;
			font-size: 16px;
			color: #f2f2f2;
			cursor: pointer;
			transition: background-color 0.3s;
		}

		button:hover {
			background-color: #3c3c3c;
		}

		@font-face {
			font-family: 'Minecraft';
			src: url('https://cdn.jsdelivr.net/gh/gondskorn/css-minecraft-font@1.0.0/minecraft.woff') format('woff');
			font-weight: normal;
			font-style: normal;
		}
	</style>
</head>
<body>
	<div class="container">
		<div class="login-box">
			<h1>登录</h1>
			<input type="text" placeholder="用户名">
			<input type="password" placeholder="密码">
			<button>进入游戏</button>
		</div>
	</div>
</body>
</html>